@import './../../../assets/css/CommonStyle.scss';
#SurveyExplain {
  .explain_box {
    box-shadow: 0px 0px m-w(16) 0px rgba(0, 0, 0, 0.1);
    margin-top: 16px;
    background: white;
    padding: 24px 40px;
  }
  .content {
    min-height: calc(100vh - 100px - 0.5rem);
  }
  .heig {
    display: block;
    height: 0px;
  }
  .back {
    float: left;
  }
  .mb_name {
    float: left;
  }
  .firstCode {
    font-size: 16px;
    margin-bottom: 8px;
    font-weight: 500;
  }
  .secondCode {
    font-size: 14px;
  }
  .thirdCode {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
  }
  .tit1 {
    font-size: 16px;
    font-family: PingFangSC-Medium, PingFangSC;
    font-weight: 500;
    color: $header-color;
  }

  .tit2 {
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFangSC;
    font-weight: 500;
    color: $header-color;
  }

  .tit3 {
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: $header-color;
  }

  .ra {
    width: 6px;
    height: 6px;
    background: $btn-color;
    display: inline-block;
    border-radius: 100%;
    margin-right: 4px;
  }

  .top1 {
    margin-top: 16px;
  }

  .top2 {
    margin-top: 8px;
  }
  .pointLi {
    list-style: none;
    text-indent: -11.39px;
    padding-left: 11.39px;
    span {
      &::before {
        content: '●  ';
        color: $btn-color;
        font-size: 14px;
      }
    }
    & > li {
      margin-bottom: 8px;
    }
  }
  h4 {
    margin-top: 16px;
    margin-bottom: 8px;
  }
  .SHGH {
    .project-container {
      h1,
      h2 {
        margin-bottom: 2px;
      }
    }
    th,
    td:not(.rowName),
    .maintitle {
      text-align: center;
    }
    td:not(.rowName) {
      font-size: 2rem;
      padding: 0;
    }
    .notice {
      li {
        font-weight: bold;
      }
    }
    .explainArea {
      margin-top: 32px;
    }
  }

  @media screen and (max-width: $moblie-min-width) {
    .layoutContent {
      margin-bottom: 10px;
      background: #f0f2f5;
    }
    .SHGH {
      padding: {
        top: m-h(75);
        left: m-w(20);
        right: m-w(20);
      }
    }
    .header {
      width: 100% !important;
      padding: {
        left: m-w(30);
        right: m-w(30);
      }
      .header_name {
        position: relative;
        top: 0;
        margin-left: m-w(39);
        left: -35%;
        float: left;
        display: block;
      }
      .userName-dropdown {
        position: relative;
        top: 0;
        left: 0;
        float: right;
        display: block;
      }
    }
    .pointLi {
      list-style: none;
      text-indent: 3px;
      padding-left: 12px;
    }
    .explain_box {
      margin-top: m-w(16);
      padding: m-w(32) m-w(30) !important;
    }

    .explain_box:nth-of-type(1) {
      padding-top: 73px;
    }
    .pointfLi {
      margin-left: -((m-w(35)));
    }
    .pointLi {
      span {
        text-indent: -(m-w(30));
        margin-left: -((m-w(30)));
      }
    }
  }
}
